<template>
  <div class="barCharts" ref="barCharts"></div>
</template>

<script>
import * as Echarts from 'echarts';
export default {
 name: 'barCharts',
 mounted(){
  let barCharts = Echarts.init(this.$refs.barCharts)
  barCharts.setOption({
    xAxis:{
      show:false,
      // 均分
      type:'category'
    },
    yAxis:{
      show:false
    },
    series:[
      // 柱形图
      {
        type:'bar',
        data:[30,15,6,20,41,10,35,32,14,44]
      }
    ],
    // 布局 左右漂移向
    grid:{
      top:0,
      left:0,
      bottom:0,
      right:0
    },
    // 展示提示信息
    tooltip:{}
  })
 }
}
</script>

<style>
.barCharts{
  width: 100%;
  height: 100%;
}
</style>